@model zhangmenren.Models.UserEntity
<style>
    body {
        background-color: #fff;
    }

    p {

        font-size: 18px;
        text-align: left;
    }

    .tit {
        background-color: #fff;
        padding: 10px;
        display: flex;
    }

        .tit img {
            width: 20px;
            height: 20px;
            margin-right: 10px;
        }

    .box {
        box-sizing: border-box;
        background-color: #fff;
        padding: 10px 15px;
        display: flex;
        border-bottom: 1px solid #ccc;
        display: flex;
        justify-content: flex-start;
    }

    .arc {
        width: 70%;
        /* display: flex; */
    }

        .arc p {
            margin-top: 8px;
            font-size: 12px;
            text-align: left;
            color: #222222;
        }

    .picc {
        display: flex;
        margin-top: 20px;
        /* float: right; */
    }

        .picc img {
            width: 20px;
            height: 20px;
        }

    p {
        margin: 0;
    }

    .arcp {
        background-color: #fff;
        text-align: left;
        padding: 5px 15px;
        text-indent: 30px;
        font-size: 13px;
        color: #222222;
    }

    .red {
        font-size: 13px;
        padding: 0px 3px;
        border-radius: 3px;
        background-color: red;
        color: #FFFFFF;
    }

    .que {
        background-color: #fff;
        padding: 10px 15px;
        display: flex;
    }

    .wt {
        background-color: #fff;
        margin-left: 10px;
        font-size: 15px;
        /* margin-top:5px; */
    }

    .imgs {
        display: flex;
        justify-content: space-around;
    }


    .yy {
        position: relative;
        padding: 10px;
        display: flex;
        justify-content: flex-end;
        font-size: 13px;
        color: white;
    }

    .zh {
        position: absolute;
        right: 40px;
        top: 3px;
    }
</style>
<div class="bg-white">


    <header class="mui-bar mui-bar-nav user-bar-nav" style="box-shadow: none!important;border-bottom: 0px;">
        <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left" href='@Url.Action("Index","Home")'></a>
        <h1 class="mui-title">地信掌门人</h1>
        <a class="mui-icon mui-icon-more mui-pull-right" onclick="jsBridge.share()"></a>
    </header>
    @if (Model != null)
    {
        <div class="mui-content bg-white">
            <!---->
            <ul class="mui-table-view user-list">
                <li class="mui-table-view-cell mui-media user-header-box dx-header-box">
                    <img src="images/dx-header-bg.jpg" alt="" class="user-header-bg" />
                    <a class="mui-navigate-right" style="z-index: 2;">
                        <div class="mui-media-object mui-pull-left">
                            <img src="@Model.Head">
                        </div>
                        <div class="mui-media-body">
                            <h5>@Model.UserName</h5>
                            <p class="zmh-p">掌门号：@Model.ZMRID</p>
							
                        </div>
                        <p class="user-text-qm">
                            个性签名：@Model.Signature
                        </p>
                        <div class="personal-introductions-box">
                            <span class="tips-text">
                                自我介绍
                            </span>
                            <p>
                                @Model.Introduction
                            </p>
                        </div>
                        <p class="useful-life mui-text-right">掌门有效期：@(string.Format("{0:MM-dd}", Model.ZMDT))

                        </p>
                    </a>
                </li>
            </ul>

            <div class="user-info-content">
                <div class="user-info-item">
                    <p>@ViewBag.ShouChang</p>
                    <p>收藏</p>
                </div>
                <div class="user-info-item">
                    <p>@ViewBag.DianZhan</p>
                    <p>点赞</p>
                </div>
                <div class="user-info-item">
                    <p>@ViewBag.GuanZhu</p>
                    <p>关注</p>
                </div>
            </div>

            <br />
            <button class="mui-btn mui-btn-block i-kc-btn link-href ds-btn">
                <span style="background: none;padding: 0;">打赏犒劳下</span>
            </button>

            <!---->
            <div class="chat-content">
                <br />
                <div class="tit">
                    <img src="/images/tuijian@2x.png" alt="">
                    <p style="font-size: 13px; color: #222222;">地信圈</p>
                </div>





                @if (ViewBag.Comment != null)
    {

        foreach (var item in ViewBag.Comment as List<zhangmenren.Models.CommentEntity>)
        {
            <div class="box">

                <img src="@item.HeadImg" style="width: 60px;
                height: 60px;
                margin-right: 15px;">
                <div class="arc">

                    <p style="font-size: 15px;">@item.UserName</p>
                    <p style="">@string.Format("{0:yyyy-MM-dd}", item.AddDT)</p>
                </div>

                <div class="picc">
            <img src="/images/jinbi.png" alt="" style="margin-right: 10px;"><span style="color: yellow;">2</span>
        </div>
            </div>



            <div class="que">
                <span class="red">问</span>

                <span class="wt">@item.Content</span>


            </div>
            @if (!string.IsNullOrEmpty(item.HuiFu))
{
            <p class="arcp">
                <span class="" style="font-size: 15px;color: red;font-weight: bold;">掌门人：</span>
                @item.HuiFu
            </p>
}

}
}



            @*<dl class="all-pl-group">
                            <dt class="mui-clearfix">
            <div class="head">
                <img src="images/personalData-headImg.png" alt="">
            </div>
            <div class="mui-pull-left">
                <p>一克拉梦想ykt1</p>
                <p style="color: #b2b2b2;font-size: 12px;">10小时前</p>
                <p>请问这个软件我应该从哪里学起呢？</p>
            </div>
        </dt>
        <dd>
            <div class="hf-item">
                <div class="head-text">
                    <p>
                        <span>文言东物：</span>是二合一 包边软的 背面硬的
                    </p>
                </div>
            </div>
        </dd>
    </dl>*@
            </div>
        </div>
        <div class="chat-flexed-box">
            <div class="chat-input-box chat-input-theme1">
                <input type="text" placeholder="说点什么" class="j-content" />
            </div>
            <span class="emoji-btn j-comment"></span>
        </div>
    }
    else
    {
        <span>暂无推荐人</span>
    }
</div>


@section Scripts{

<script>
	$(".j-comment").click(function () {
		if ($(".j-content").val().length<1) {
			layerm.open({
				content: "请输入内容",
				btn:"确定"
			});
			return false;
		}

		$.ajax({
			type:"post",
			url:'@Url.Action("AddComment")',
			data:{zmid:@Model.ZMRID,content:$(".j-content").val()},
			success:function (result) {
				$(".j-content").val('')
				if (result.state=="ok") {
					layerm.open({
						content: "评论成功，您的评论会在稍后展示",
						skin: 'msg',
						time: 2 //2秒后自动关闭
					});
					
				}
			}
		})
	})

</script>
}
